
<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar">
    <!-- Sidebar user panel -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="assets/image/avatar.jpg" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>{{user.username}}</p>
        <a ><i class="fa fa-circle text-success"></i> 在线</a>
      </div>
    </div>
    <!-- search form -->
    <form action="#" method="get" class="sidebar-form">
      <div class="input-group">
        <input type="text" name="q" class="form-control" placeholder="Search...">
        <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
      </div>
    </form>
    <!-- /.search form -->

    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu" data-widget="tree">
      <li class="header" ></li>
      <!--      <li class="treeview" *ngFor="let menu of menuList;let i=index" [ngClass]="{'active':(menu.isOpen)}">
              <a (click)="selectFirstMenu(menu)">
                <i class="{{menu.icon}}"></i>
                <span>{{menu.title}}</span>
                  <span class="pull-right-container">
                    <i class="fa fa-angle-left pull-right"></i>
                  </span>
              </a>
              <ul class="treeview-menu" *ngIf="menu.isOpen">
                <li *ngFor="let childMenu of menu?.children" (click)="selectedSecondMenu(childMenu,childMenu.href)"   [ngClass]="{'active':selectedMenuId==childMenu.id}">
                  <a ><i class="{{childMenu.icon}}"></i>{{childMenu.title}}</a>
                </li>
              </ul>
            </li>-->

      <app-menu-item  *ngFor="let menu of treeMenu" [menu]="menu"></app-menu-item>

    </ul>
  </section>
  <!-- /.sidebar -->
</aside>
